
$hot:#e1251b;
$wram:#FFCCCC;
$cool:#fff;
$cold:#3399CC;
$grey:#CCCCCC;
$sky:#6ff;

$centerWidth:1180px;

$font1: bold italic 14px/18px "微软雅黑";
$font2:  12px "微软雅黑";

$side:left;
@use "sass:math";   //使用过sass:math方法

@function pxToRem($val){
 @return  #{math.div($val, 100px)}rem;
}

@mixin typeArea {
    width: $centerWidth;
    margin: 0 auto;
}

@mixin elePosCenter {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
// @mixin 还可以设置 参数和默认值
@mixin textCenter($val:24px) {
    text-align: center;
    line-height: $val;
}

@mixin comp($prop,$val){
    -ms-#{$prop}: $val;
    -moz-#{$prop}: $val;
    -webkit-#{$prop}: $val;
    #{$prop}: $val;
}
